---
title: Недавние транзакции
description: Показать ваши последние транзакции
---

# Недавние транзакции

## Показать ваши последние транзакции

Вы можете выбрать отображение последних транзакций в модальном окне аккаунта RainbowKit. Обратите внимание, что все транзакции хранятся в локальном хранилище и должны быть вручную зарегистрированы в RainbowKit для отображения.

Стандартная реализация `ConnectButton` также будет отображать индикатор загрузки вокруг аватара пользователя, если есть незавершенные транзакции. Пользовательские реализации `ConnectButton` могут воссоздать это поведение посредством свойства `account.hasPendingTransactions`, которое передается в вашу функцию рендеринга.

Для использования этой функции сначала включите опцию `showRecentTransactions` на `RainbowKitProvider`.

```tsx
import { RainbowKitProvider } from '@rainbow-me/rainbowkit';

const App = () => {
  return (
    <RainbowKitProvider showRecentTransactions={true} {...etc}>
      {/* ... */}
    </RainbowKitProvider>
  );
};
```

Затем транзакции могут быть зарегистрированы в RainbowKit с помощью хука `useAddRecentTransaction`.

```tsx
import { useAddRecentTransaction } from '@rainbow-me/rainbowkit';

export default () => {
  const addRecentTransaction = useAddRecentTransaction();

  return (
    <button
      onClick={() => {
        addRecentTransaction({
          hash: '0x...',
          description: '...',
        });
      }}
    >
      Add recent transaction
    </button>
  );
};
```

После регистрации транзакции в RainbowKit её статус будет обновлен после завершения.

По умолчанию транзакция будет считаться завершенной после добычи одного блока поверх блока, в котором транзакция была добыта, но это можно настроить, указав пользовательское значение `confirmations`.

```tsx
import { useAddRecentTransaction } from '@rainbow-me/rainbowkit';

export default () => {
  const addRecentTransaction = useAddRecentTransaction();

  return (
    <button
      onClick={() => {
        addRecentTransaction({
          hash: '0x...',
          description: '...',
          confirmations: 100,
        });
      }}
    >
      Add recent transaction
    </button>
  );
};
```
